<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>修行笔记</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body > 
    <div class="huixiang">
        <!-- 顶部 -->
        <div class="top raise-usercenter gongxiu-nav">
            <a href="" class="userce"><span class="iconfont">&#xe610;</span></a>
            修行笔记
            <a href="" class="goback"><span class="iconfont">&#xe62a;</span></a>
        </div>

        <!-- 选项卡导航 -->
        <ul class="nav clearfix dynamic-nav" role="tablist" id="myTab">
            <li role="presentation" class="active"><a href="#dynamic-a" aria-controls="dynamic-a" role="tab" data-toggle="tab">最新</a></li>
            <li role="presentation" class=""><a href="#dynamic-b" aria-controls="dynamic-b" role="tab" data-toggle="tab">关注</a></li>
        </ul>

        <!-- 选项卡内容 -->
        <div class="tab-content">
            <!-- 最新 -->
            <div role="tabpanel" class="tab-pane active" id="dynamic-a">

                <div class="dynamic-list ">
                    <div class="dynamic-list-top clearfix">
                        <!-- vip -->
                        <div class="left dynamic-list-vip">
                           <img src="images/img1.jpg" alt="">
                           <div class="vip-mask">
                                <img src="images/vip.png" alt="">
                           </div>
                        </div>
                        <div class="right">
                            <h5 class="clearfix">
                                <div class="dynamic-rleft">
                                    本和法师
                                </div>
                                <div class="dynamic-rright">
                                    <div class="guanzhu">已关注</div>
                                </div>
                            </h5>
                            <p>19小时前 • 平安寺</p>
                        </div>
                    </div>
                    <div class="dynamic-list-center">
                        邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己，邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己
                    </div>
                    <ul class="dynamic-list-bottom clearfix">
                        <li><span class="iconfont">&#xe603;</span>7</li>
                        <li><span class="iconfont">&#xe621;</span>0</li>
                        <li><span class="iconfont">&#xe60d;</span>赏</li>
                    </ul>
                </div>

                <div class="dynamic-list ">
                    <div class="dynamic-list-top clearfix">
                        <!-- vip -->
                        <div class="left dynamic-list-vip">
                           <img src="images/img1.jpg" alt="">
                           <div class="vip-mask">
                                <img src="images/vip.png" alt="">
                           </div>
                        </div>
                        <div class="right">
                            <h5 class="clearfix">
                                <div class="dynamic-rleft">
                                    本和法师
                                </div>
                                <div class="dynamic-rright">
                                    
                                </div>
                            </h5>
                            <p>19小时前 • 平安寺</p>
                        </div>
                    </div>
                    <div class="dynamic-list-center">
                        邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己，邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己
                    </div>
                    <ul class="dynamic-list-bottom clearfix">
                        <li><span class="iconfont">&#xe603;</span>7</li>
                        <li><span class="iconfont">&#xe621;</span>0</li>
                        <li><span class="iconfont">&#xe60d;</span>赏</li>
                    </ul>
                </div>

                <div class="dynamic-list ">
                    <div class="dynamic-list-top clearfix">
                        <!-- vip -->
                        <div class="left dynamic-list-vip">
                           <img src="images/img1.jpg" alt="">
                        
                        </div>
                        <div class="right">
                            <h5 class="clearfix">
                                <div class="dynamic-rleft">
                                    本和法师
                                </div>
                                <div class="dynamic-rright">
                                    <div class="guanzhu">已关注</div>
                                </div>
                            </h5>
                            <p>19小时前 • 平安寺</p>
                        </div>
                    </div>
                    <div class="dynamic-list-center">
                        邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己，邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己
                    </div>
                    <ul class="dynamic-list-bottom clearfix">
                        <li><span class="iconfont">&#xe603;</span>7</li>
                        <li><span class="iconfont">&#xe621;</span>0</li>
                        <li><span class="iconfont">&#xe60d;</span>赏</li>
                    </ul>
                </div>

                <div class="dynamic-list ">
                    <div class="dynamic-list-top clearfix">
                        <!-- vip -->
                        <div class="left dynamic-list-vip">
                           <img src="images/img1.jpg" alt="">
                        
                        </div>
                        <div class="right">
                            <h5 class="clearfix">
                                <div class="dynamic-rleft">
                                    本和法师
                                </div>
                                <div class="dynamic-rright">
                                    
                                </div>
                            </h5>
                            <p>19小时前 • 平安寺</p>
                        </div>
                    </div>
                    <div class="dynamic-list-center">
                        邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己，邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己
                    </div>
                    <ul class="dynamic-list-bottom clearfix">
                        <li><span class="iconfont">&#xe603;</span>7</li>
                        <li><span class="iconfont">&#xe621;</span>0</li>
                        <li><span class="iconfont">&#xe60d;</span>赏</li>
                    </ul>
                </div>
            </div>

            <!-- 关注 -->
            <div role="tabpanel" class="tab-pane " id="dynamic-b">
                <div class="dynamic-list ">
                    <div class="dynamic-list-top clearfix">
                        <!-- vip -->
                        <div class="left dynamic-list-vip">
                           <img src="images/img1.jpg" alt="">
             
                        </div>
                        <div class="right">
                            <h5 class="clearfix">
                                <div class="dynamic-rleft">
                                    本和法师
                                </div>
                                <div class="dynamic-rright">
                                    <div class="guanzhu">已关注</div>
                                </div>
                            </h5>
                            <p>19小时前 • 平安寺</p>
                        </div>
                    </div>
                    <div class="dynamic-list-center">
                        邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己，邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己
                    </div>
                    <ul class="dynamic-list-bottom clearfix">
                        <li><span class="iconfont">&#xe603;</span>7</li>
                        <li><span class="iconfont">&#xe621;</span>0</li>
                        <li><span class="iconfont">&#xe60d;</span>赏</li>
                    </ul>
                </div>
                <div class="dynamic-list ">
                    <div class="dynamic-list-top clearfix">
                        <!-- vip -->
                        <div class="left dynamic-list-vip">
                           <img src="images/img1.jpg" alt="">
                           <div class="vip-mask">
                                <img src="images/vip.png" alt="">
                           </div>
                        </div>
                        <div class="right">
                            <h5 class="clearfix">
                                <div class="dynamic-rleft">
                                    本和法师
                                </div>
                                <div class="dynamic-rright">
                                    <div class="guanzhu">已关注</div>
                                </div>
                            </h5>
                            <p>19小时前 • 平安寺</p>
                        </div>
                    </div>
                    <div class="dynamic-list-center">
                        邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己，邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己
                    </div>
                    <ul class="dynamic-list-bottom clearfix">
                        <li><span class="iconfont">&#xe603;</span>7</li>
                        <li><span class="iconfont">&#xe621;</span>0</li>
                        <li><span class="iconfont">&#xe60d;</span>赏</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
</body>
</html>
